import { hopeTheme } from "vuepress-theme-hope";
import { enNavbar, zhNavbar } from "./navbar/index.js";
import { enSidebar, zhSidebar } from "./sidebar/index.js";

export default hopeTheme({
  // 当前网站部署到的域名，它应该包含完整协议（如：https://example.com）
  hostname: "http://60.205.158.133/docs/",
  // 文章显示的默认作者
  author: {
    name: "glccc",
    url: "https://gitee.com/guolicong",
  },
  // 设置图标资源 https://theme-hope.vuejs.press/zh/guide/interface/icon.html
  // 关键词："iconfont", "iconify", "fontawesome", "fontawesome-with-brands"
  iconAssets: "iconify",
  // 导航栏图标，应为基于 .vuepress/public 文件夹的绝对路径
  logo: "https://theme-hope-assets.vuejs.press/logo.svg",
  // 夜间模式下导航栏图标，应为基于 .vuepress/public 文件夹的绝对路径
  logoDark: "https://theme-hope-assets.vuejs.press/logo.svg",
  // 仓库配置，用于在导航栏中显示仓库链接
  repo: "https://gitee.com/guolicong/glccc-docs",
  // 文档在仓库中的目录
  docsDir: "src",
  // 多语言配置
  locales: {
    '/': {
      navbar: zhNavbar,
      sidebar: zhSidebar,
      // 页脚的默认内容，可输入 HTMLString。
      footer: '使用 <a href="https://theme-hope.vuejs.press/zh/" target="_blank">VuePress Theme Hope</a> 主题 | MIT 协议',
      // 是否默认显示页脚
      displayFooter: true,
    },
    '/en/': {
      navbar: enNavbar,
      sidebar: enSidebar,
      // 页脚的默认内容，可输入 HTMLString。
      footer: 'Theme by <a href="https://theme-hope.vuejs.press/" target="_blank">VuePress Theme Hope</a> | MIT Licensed',
      // 是否默认显示页脚
      displayFooter: true,
    },
  },
  // 插件配置
  plugins: {
    // 插件选项
    components: {
      components: ["Badge", "FontIcon", "VPCard"],
    },
    // MdEnhance 插件配置 https://theme-hope.vuejs.press/zh/config/plugins/md-enhance.html
    mdEnhance: {
      vPre: true,// 是否启用 v-pre 容器
      tabs: true,// 是否启用选项卡
      codetabs: true,// 是否启用代码组
      align: true,// 是否启用自定义对齐格式支持
      attrs: true,// 是否启用自定义属性支持
      sup: true,// 是否启用上角标格式支持
      sub: true,// 是否启用下角标格式支持
      mark: true,// 是否启用标记格式支持
      figure: true,// 是否启用图片 Figure 支持
      imgLazyload: true,// 是否使用原生方式懒加载页面图片
      imgSize: true,// 是否启用图片尺寸支持
      include: true,// 是否启用 Markdown 导入支持。你可以传入一个函数进行路径解析
      component: true,// 是否启用组件支持
      // 对行内语法进行样式化以创建代码片段
      stylize: [
        {
          matcher: "Recommended",
          replacer: ({ tag }) => {
            if (tag === "em")
              return {
                tag: "Badge",
                attrs: { type: "tip" },
                content: "Recommended",
              };
          },
        },
      ],
      demo: true,// 是否启用代码案例支持
    },
    // 是否启用 search-pro 搜索
    searchPro: true,
  },
});
